html,
body {
	height: 100%;
}

.p1{position: absolute;}
.p1,
img {
	width: 100%;
	max-width: 1024px;
	height: 100%;
	position: absolute;
	left: 0;
}




.p2,
img {
	width: 100%;
	max-width: 1024px;
	height: 100%;
	position: absolute;
	left: 0;
}

.p2 .title img {
	height: 20%;
}



.p3,
img {
	width: 100%;
	max-width: 1024px;
	height: 100%;
	position: absolute;
	left: 0;
}

.p3 .title img {
	height: 20%;
}

.p3 .content img {
	height: 60%;
	top: 20%
}



.p4,
img {
	width: 100%;
	max-width: 1024px;
	height: 100%;
	position: absolute;
	left: 0;
}

.p4 .title img {
	height: 20%;
}

.p4 .content .zhiwei1 {
	height: 28%;
	top: 20%
}

.p4 .content .zhiwei2 {
	height: 28%;
	top: 52%
}




.p5,
img {
	width: 100%;
	max-width: 1024px;
	height: 100%;
	position: absolute;
	left: 0;
}

.p5 .title img {
	height: 20%;
}

.p5 .content .zhiwei3 {
	height: 28%;
	top: 3%;
}

.p5 .content .zhiwei4 {
	height: 28%;
	top: 33%
}

.p5 .content .zhiwei5 {
	height: 28%;
	top: 63%
}

.p6,
img {
	width: 100%;
	max-width: 1024px;
	height: 100%;
	position: absolute;
	left: 0;
}

.p6 .title img {
	height: 20%;
}

.p6 .content img {
	height: 60%;
	top: 20%;
}

.p6 .jiantou img {
	height: 10%;
	width: 28%;
	top: 85%;
	left: 37.5%;
}

.p6 .content .put1 {
	position: absolute;
	width: 80%;
	height: 5.9%;
	left: 9.37%;
	top: 21.7%;
	background-color: transparent;
	border: none;
}

.p6 .content .put2 {
	position: absolute;
	width: 80%;
	height: 5.9%;
	left: 9.37%;
	top: 30.56%;
	background-color: transparent;
	border: none;
}

.p6 .content .put2 {
	position: absolute;
	width: 80%;
	height: 5.9%;
	left: 9.37%;
	top: 30.56%;
	background-color: transparent;
	border: none;
}

.p6 .content .put3 {
	position: absolute;
	width: 80%;
	height: 5.9%;
	left: 9.37%;
	top: 39.42%;
	background-color: transparent;
	border: none;
}

.p6 .content .put4 {
	position: absolute;
	width: 80%;
	height: 5.9%;
	left: 9.37%;
	top: 47.82%;
	background-color: transparent;
	border: none;
}

.p6 .content .put5 {
	position: absolute;
	width: 80%;
	height: 22.14%;
	left: 9.37%;
	top: 56.22%;
	background-color: transparent;
	border: none;
}

#p7 {
	background: url(../img/success.png) no-repeat scroll 30% 30%;
	background-size: contain;
}

#message {
	position: fixed;
	top: 19%;
	left: 50%;
	width: 70%;
	line-height: 1.5;
	color: #009;
	font-size: 16px;
	letter-spacing: 2px;
}

#message h2 {
	margin: 15px 0;
}

#after {
	background-color: #2e2e2e;
}

.makeSure {
	position: fixed;
	width: 100%;
	bottom: 3%;
}

#makeSure {
	display: none;
	margin-top: 40px;
	border: 1px solid rgba(55, 255, 255, 0.5);
	width: 109.091px;
	height: 54.5455px;
	background-color: rgba(55, 255, 255, 0.5);
	font-size: 20px;
	letter-spacing: 18px;
	padding-left: 18px;
	font-family: "微软雅黑";
	font-weight: 700;
	border-radius: 6%;
}

#idd {
	color: #FF0000;
	text-decoration: underline;
	font-weight: bold;
}

#mes {
	color: #900;
}


/*背景常显（切换不会出现空白间隔）*/

.hei {
	display: block !important;
}


/*箭头动画*/

@-webkit-keyframes jmove {
	from {
		opacity: 0.01;
	}
	to {
		opacity: 1;
	}
}

@keyframes jmove {
	from {
		opacity: 0.01;
	}
	to {
		opacity: 1;
	}
}

.page-current .jiantou img{
	display: block;
	-webkit-animation: jmove 0.75s  linear infinite alternate;
	;
	-moz-animation: jmove 0.75s  linear infinite alternate;
	;
	-o-animation: jmove 0.75s  linear infinite alternate;
	animation: jmove 0.75s  linear infinite alternate;
}


/*职位动画*/

@-webkit-keyframes jump {
	0% {
		top: 100%;
		margin-top: 100%;
	}
	100% {
		
		margin-top: 0px;
	}
}

@keyframes jump {
	0% {
		top: 100%;
		margin-top: 100%;
	}
	100% {
		
		margin-top: 0px;
	}
}

.page-current .content .zhiwei1,
.page-current .content .zhiwei2,
.page-current .content .zhiwei3,
.page-current .content .zhiwei4,
.page-current .content .zhiwei5 {
	-webkit-animation: jump 2s, 300ms;
	-o-animation: jump 2s, 300ms;
	-moz-animation: jump 2s, 300ms;
	;
	animation: jump 2s, 300ms;
}


/*内容动画*/

@-webkit-keyframes cmove {
	from {
		opacity: 0.01;
	}
	to {
		opacity: 1;
	}
}

@keyframes cmove {
	from {
		opacity: 0.01;
	}
	to {
		opacity: 1;
	}
}

.page-current .content {
	display: block;
	-webkit-animation: cmove 3s, 2s ease-in;
	-o-animation: cmove 3s, 2s ease-in;
	-moz-animation: cmove 3s, 2s ease-in;
	animation: cmove 3s, 2s ease-in;
}


/*首页云气球动画*/

@-webkit-keyframes qiqiu {
	100% {
		top: -0.60%
	}
	0% {
		top: 0.60%;
	}
}

@keyframes qiqiu {
	100% {
		top: -0.60%
	}
	0% {
		top: 0.60%;
	}
}

@-webkit-keyframes yun {
	100% {
		top: 0.60%
	}
	0% {
		top: -0.60%;
	}
}

@keyframes yun {
	100% {
		top: 0.60%
	}
	0% {
		top: -0.60%;
	}
}

.move2 {
	top: -15px;
	-webkit-animation: yun 1.5s ease-in-out infinite alternate;
	-moz-animation: yun 1.5s ease-in-out infinite alternate;
	animation: yun 1.5s ease-in-out infinite alternate;
	-o-animation: yun 1.5s ease-in-out infinite alternate;
}

.move {
	-webkit-animation: qiqiu 1.5s ease-in-out infinite alternate;
	-moz-animation: qiqiu 1.5s ease-in-out infinite alternate;
	-o-animation: qiqiu 1.5s ease-in-out infinite alternate;
	animation: qiqiu 1.5s ease-in-out infinite alternate;
}


/*页标题动画*/

@-webkit-keyframes tmove {
	from {
		transform: scale(0.1);
		opacity: 0.1;
	}
	to {
		transform: scale(1);
		opacity: 1;
	}
}

@keyframes tmove {
	from {
		transform: scale(0.1);
		opacity: 0.1;
	}
	to {
		transform: scale(1);
		opacity: 1;
	}
}
.page-current .title img{
	display: block;
	-moz-animation: tmove 1.5s, 100ms;
	-webkit-animation: tmove 1.5s, 100ms;
	-o-animation: tmove 1.5s, 100ms;
	animation: tmove 1.5s, 100ms;
}
.content,.title img,.jiantou img{
	display: none;
}
